.header { height: 80px; background: #fff; position: relative; z-index: 2; }

.header .container-b { height: 100%; }

.header .logo { float: left; padding-top: 18px; }

.header .nav { float: right; height: 100%; }

.header .nav ul { height: 100%; }

.header .nav ul li { width: 115px; height: 100%; float: left; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; }

.header .nav ul li:hover { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.header .nav ul li:hover .f { color: #fff; }

.header .nav ul li:hover .hover { height: 80px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header .nav ul li:hover .sub-menu { display: block; height: 50px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header .nav ul li.on { background: #b41922; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.header .nav ul li.on .f { color: #fff; }

.header .nav ul li .hover { width: 100%; height: 0; background: #b41922; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; bottom: 0; }

.header .nav ul li .f { position: relative; z-index: 2; display: block; font-size: 14px; color: #333333; line-height: 1; text-align: center; height: 100%; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

.header .nav ul li .f span { padding-top: 33px; display: block; }

.header .nav ul li .sub-menu { background: url("../images/header-bg.png"); position: absolute; height: 0; overflow: hidden; z-index: -1; width: 1200px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.header .nav ul li .sub-menu dl { overflow: hidden; }

.header .nav ul li .sub-menu dl dd { float: left; width: 90px; text-align: center; }

.header .nav ul li .sub-menu dl dd a { display: block; padding: 16px 0; color: #fff; font-size: 13px;}

.header .header-btn { float: right; border-left: 1px solid #ebebeb; height: 100%; margin-left: 30px; }

.header .header-btn .header-select { margin: 16px 60px 0 60px; width: 160px; border: 1px solid #c2c2c2; text-align: center; padding: 12px 0; cursor: pointer; background: url("../images/icon-arrow.png") no-repeat 130px center; float: left; position: relative;}

.header .header-btn .header-select span { font-size: 14px; color: #333333; text-align: center; line-height: 1; }

.header .header-btn .header-select ul { display: none;position: absolute;
    background: #fff;
    width: 100%;
    border: 1px solid #c2c2c2;
    top: 42px;
    box-sizing: border-box;
    font-size: 14px; }

.header .header-btn .header-select ul li {     padding: 5px 20px;
    line-height: 30px;
    border-bottom: 1px solid #c2c2c2; }

.header .header-btn .header-link { float: right; margin-top: 30px; }

.header .header-btn .header-search { float: left; display: block; width: 19px; height: 18px; background: url("../images/header-search.png") no-repeat center; }

.header .header-btn .header-line { float: left; width: 1px; height: 16px; background: #ebebeb; margin: 0 20px; }

.header .header-btn .header-lang { float: left; display: block; font-size: 14px; color: #999999; }

.header .mobile-btn { display: none; float: right; margin-top: 30px; width: 24px; height: 19px; background: url("../images/mobile-header-btn.png") no-repeat; -moz-background-size: auto 100%; background-size: auto 100%; }

.header .mobile-btn.close { background: url("../images/mobile-header-btn-close.png") no-repeat; -moz-background-size: auto 100%; background-size: auto 100%; }

.mobile-header-nav { display: none; position: fixed; top: 65px; width: 100%; background: url("../images/mobile-bg.png"); z-index: 10; }

.mobile-header-nav a { color: #ffffff; }

.mobile-header-nav .search-box { margin-top: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 10px 20px; border: 2px solid #393c3d; position: relative; }

.mobile-header-nav .search-box .search { padding-right: 40px; }

.mobile-header-nav .search-box .search input { width: 100%; border: none; background: none; outline: none; color: #fff; }

.mobile-header-nav .search-box .search-btn { float: right; display: block; width: 23px; height: 30px; background: url("../images/mobile-search.png") no-repeat; -moz-background-size: 100%; background-size: 100%; position: absolute; right: 15px; bottom: 0; }

.mobile-header-nav .nav ul li { border-bottom: 1px solid #3a3b3f; }

.mobile-header-nav .nav ul li .f { display: block; padding: 20px 0; }

.mobile-header-nav .nav ul li .sub-menu { display: none; border-top: 1px solid #3a3b3f; }

.mobile-header-nav .nav ul li .sub-menu dl dd { padding: 20px 0; }

.mobile-header-nav .nav ul li .sub-menu dl dd a { color: #999999; padding-left: 40px; }

.mobile-header-nav .bottom { padding: 20px 0; overflow: hidden; }

.mobile-header-nav .bottom .lang { float: left; }

.mobile-header-nav .bottom .lang a { color: #999999; display: inline-block; }

.mobile-header-nav .bottom .lang a.on { color: #d22b46; }

.mobile-header-nav .bottom .lang .z { padding-right: 20px; border-right: 1px solid #393939; }

.mobile-header-nav .bottom .lang .e { padding-left: 20px; }

.mobile-header-nav .bottom .link { float: right; }

.mobile-header-nav .bottom .link a { color: #999999; display: inline-block; }

.mobile-header-nav .bottom .link a.on { color: #d22b46; }

.mobile-header-nav .bottom .link .l1 { padding-right: 20px; border-right: 1px solid #393939; }

.mobile-header-nav .bottom .link .l2 { padding-left: 20px; }

.footer { background: #1a1a1a; padding: 30px 0; }

.footer .left { float: left; }

.footer .right { float: right; }

.footer .footer-link { width: 100%; overflow: hidden; }

.footer .footer-link dl dd { float: left; border-right: 1px solid #404040; line-height: 1; padding: 0 10px; }

.footer .footer-link dl dd:first-child { padding-left: 0; }

.footer .footer-link dl dd:last-child { border-right: none; }

.footer .footer-link dl dd a { font-size: 14px; color: #999999; }

.footer .footer-copyright { font-size: 12px; color: #666666; padding-top: 5px; }

.footer .footer-link-select { border: 1px solid #4d4d4d; width: 350px; float: right; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}

.footer .footer-link-select .name { float: left; font-size: 14px; color: #666666; width: 95px; text-align: center; line-height: 1; margin: 10px 0; border-right: 1px solid #404040; }

.footer .footer-link-select .text { cursor: pointer; font-size: 14px; color: #999999; padding-top: 10px; line-height: 1; padding-left: 115px; }

.footer .footer-link-select .text span { display: block; background: url("../images/footer-arrow.png") no-repeat right center; }

.footer .footer-link-select ul { display: none; position: absolute; width: 100%; top: -83px; right: 0; background: #1a1a1a; border: 1px solid #4d4d4d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px;}

.footer .footer-link-select ul li { padding: 5px 20px; line-height: 30px; border-bottom: 1px solid #4d4d4d; }

.footer .footer-link-select ul li:last-child { border-bottom: none; }

.footer .footer-link-select ul li a { color: #fff; }

.footer .footer-wechat { margin-left: 10px; border: 1px solid #4d4d4d; width: 225px; line-height: 1; font-size: 14px; color: #999999; text-align: center; float: right; cursor: pointer; position: relative;}

.footer .footer-wechat .qrimg { position: absolute; width: 100%; left: 0; bottom: 35px; display: none; padding: 10px;box-sizing:border-box;background: #fff;}

.footer .footer-wechat .qrimg img { width: 100%; }

.footer .footer-wechat span { display: inline-block; padding: 10px 0 10px 30px; background: url("../images/footer-wechact.png") no-repeat left center; }

.banner .swiper-pagination { bottom: 30px; text-align: left; padding-left: 5%; }

.banner .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 0.4; }

.banner .swiper-pagination .swiper-pagination-bullet-active { width: 18px; opacity: 1; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }

.banner .swiper-btn { position: absolute; z-index: 3; right: 5%; top: 50%; margin-top: -70px; }

.banner .loading {display: none;position: absolute;width: 100%;height: 100%;background: #fff;z-index: 100;}

.banner .loading span{background: url("../images/loading.gif") no-repeat;width: 25px;height: 25px;background-size: 100%;display: block;position: absolute;top: 50%;left: 50%;margin-top: -12.5px;margin-left: -12.5px;}

.banner .swiper-button-prev, .banner .swiper-button-next { position: static; width: 60px; height: 60px; opacity: 1; background: url("../images/index-banner-prev.png") no-repeat center; margin-top: 0; }

.banner .swiper-button-next { background: url("../images/index-banner-next.png") no-repeat center; margin-top: 20px; }

.banner .swiper-slide { width: 100%; background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden;}

.banner .swiper-slide.swiper-slide-active .wrap .g { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; }

.banner .swiper-slide.swiper-slide-active .wrap .t { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; }

.banner .swiper-slide.swiper-slide-active .wrap .d { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0.6; }

.banner .swiper-slide .wrap { position: absolute; text-align: center; width: 100%; top: 30%; }

.banner .swiper-slide .wrap.i1 { text-align: left; padding-left: 25%; }

.banner .swiper-slide .wrap .g { font-size: 18px; color: #ffffff; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 0; }

.banner .swiper-slide .wrap .t { font-size: 60px; color: #ffffff; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 0; }

.banner .swiper-slide .wrap .d { font-size: 24px; color: #ffffff; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 0; }

.banner .swiper-slide img { width: 100%; height: auto; }

.message { overflow: hidden; }

.message .info { width: 33.5%; float: left; padding: 10px 0 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.message .info .item { width: 15%; height: 200px; overflow: hidden; float: left; position: relative; -moz-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat; -webkit-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }

.message .info .item.i2 { background-position: center right; }

.message .info .item .mobile-pic { display: none; }

.message .info .item .mobile-pic img { width: 100%; height: auto; }

.message .info .item .hover { width: 100%; height: 100%; background: url("../images/message-hover.png") repeat; }

.message .info .item .more-text { display: block; position: absolute; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 16px; color: #fff; right: 30%; top: 30%; }

.message .info .item .more-text span { display: block; text-align: center; width: 25px; padding-bottom: 40px; background: url("../images/message-icon.png") no-repeat bottom center; }

.message .info .item .text { padding: 20% 5% 0 5%; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.message .info .item .text.on { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.message .info .item .text .title { font-size: 24px; color: #ffffff; padding-bottom: 15px; }

.message .info .item .text .title span { padding-right: 40px; background: url("../images/message-icon.png") no-repeat center right; }

.message .info .item .text .desc { font-size: 14px; color: #ffffff; line-height: 2; }

.message .info .item .pic { position: absolute; right: 0; }

.message .info .item.on { width: 85%; -webkit-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }

.message .info .item.on .hover { display: none; }

.message .info .item.on .more-text { display: none; }

.message .info .item img { width: 100%; height: auto; }

.message .news { width: 37.5%; padding: 10px 3% 0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.message .news .tab { background: url("../images/icon-message-info.png") no-repeat center left; padding: 5% 0 5% 25px; overflow: hidden; }

.message .news .tab dl dd { float: left; padding: 0 15px; border-right: 1px solid #cccccc; text-align: center; line-height: 1; font-size: 24px; }

.message .news .tab dl dd.on a { color: #333333; }

.message .news .tab dl dd a { color: #999999; }

.message .news .tab dl dd:last-child { border-right: 0; }

.message .news .tab .more { line-height: 1; float: right; font-size: 14px; color: #666666; padding-top: 5px; }

.message .news .tab .more span { padding-right: 18px; background: url("../images/icon-message-info-right.png") no-repeat center right; }

.message .news .list { display: none; }

.message .news .list.on { display: block; }

.message .news .list ul li { overflow: hidden; width: 100%; height: 50px; display: table; border-bottom: 1px solid #f0f0f0; position: relative; }

.message .news .list ul li:last-child { border-bottom: none; }

.message .news .list ul li:hover .l { background: #d22b46; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.message .news .list ul li:hover .more { color: #d22b46; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; padding-right: 20px; }

.message .news .list ul li:hover .more-btn { opacity: 1; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.message .news .list ul li .l { position: absolute; top: 50%; margin-top: -6px; width: 4px; height: 12px; background: #cccccc; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.message .news .list ul li .more-box { height: 20px; overflow: hidden; display: table-cell; vertical-align: middle; }

.message .news .list ul li .more { display: block; font-size: 14px; height: 2em; overflow: hidden; color: #666666; line-height: 2; padding-left: 10px; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; float: left; }

.message .news .list ul li .more-btn { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; opacity: 0; display: table-cell; vertical-align: middle; width: 25px; height: 25px; background: url("../images/icon-message-info-more.png") no-repeat center; }

.message .news .list ul li .time { width: 77px; display: table-cell; vertical-align: middle; font-size: 14px; color: #999999; line-height: 1; }

.message .news .mobile-more { display: none; width: 100%; color: #d22b46; border: 1px solid #d22b46; text-align: center; padding: 10px 0; }

.message .video { width: 29%; padding: 10px 10px 10px 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.message .video .video-hover { position: relative; }

.message .video .video-hover .play { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; background: url("../images/video-play.png"); }

.message .video .video-hover img { width: 100%; }

.message .video #video-container { position: absolute; z-index: -1; display: none; }

.sub-banner { height: 190px; background-repeat: no-repeat; background-position: center; }

.sub-banner .wrap { width: 100%; height: 100%; display: table; }

.sub-banner .wrap span { width: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 42px; color: #ffffff; }

.sub-nav { height: 70px; background: #fff; }

.sub-nav .menu { float: left; }

.sub-nav .menu dl dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 70px; font-size: 14px; color: #808080; padding-top: 25px; border-bottom: 3px solid #fff; float: left; margin-right: 40px; }

.sub-nav .menu dl dd:hover, .sub-nav .menu dl dd.on { color: #b41922; border-bottom: 3px solid #b41922; }

.sub-nav .crumbs { float: right; }

.sub-nav .crumbs dl { padding-top: 25px; }

.sub-nav .crumbs dl dd { float: left; }

.sub-nav .crumbs dl dd a { font-size: 14px; color: #666666; line-height: 1; }

.sub-nav .crumbs dl dd.sign { color: #666666; padding: 0 5px; }

.join-concept img { width: 100%; }

.job-list { background: #f4f4f4; padding: 30px 0; }

.job-list .item-title { height: 70px; background: #e8e8e8; padding: 0 0 0 40px; }

.job-list .item-title .item { height: 100%; display: table; float: left; width: 18%; text-align: center; }

.job-list .item-title .item.i1 { width: 18%; text-align: left; }

.job-list .item-title .item span { display: table-cell; vertical-align: middle; }

.job-list .item-content { background: #fff; margin-top: 10px; }

.job-list .item-content .top { height: 70px; padding: 0 0 0 40px; }

.job-list .item-content .top .item { height: 100%; display: table; float: left; width: 18%; text-align: center; }

.job-list .item-content .top .item.i1 { width: 18%; text-align: left; }

.job-list .item-content .top .item span { display: table-cell; vertical-align: middle; }

.job-list .item-content .top .item.more { cursor: pointer; border-left: 1px solid #f4f4f4; width: 10%; background: url("../images/job-more.png") no-repeat center; box-sizing:border-box;}

.job-list .item-content .more-content { background: #eeeeee; padding: 40px; display: none; }

.job-list .item-content .more-content .field { overflow: hidden; border-bottom: 1px solid #e4e4e4; padding-bottom: 25px; }

.job-list .item-content .more-content .field dl dd { float: left; width: 25%; font-size: 14px; color: #666666; padding-bottom: 10px; }

.job-list .item-content .more-content .content { padding: 30px 0; width: 50%; }

.job-list .item-content .more-content .content .t { font-size: 18px; color: #666666; padding-bottom: 20px; }

.job-list .item-content .more-content .content p { font-size: 14px; color: #666666; line-height: 2; }

.job-list .item-content .more-content .btn { border-top: 1px solid #e4e4e4; padding-top: 30px; }

.job-list .item-content .more-content .btn a { width: 150px; height: 50px; background: #b41922; display: table; text-align: center; font-size: 18px; color: #ffffff; }

.job-list .item-content .more-content .btn a span { display: table-cell; vertical-align: middle; }

.page { text-align: center; padding: 40px 0; }

.page dl { display: inline-block; }

.page dl dd { float: left; height: 30px; line-height: 30px; border: 1px solid #e6777e; text-align: center; margin: 0 5px; padding: 0 10px; }

.page dl dd.b { width: auto; }

.page dl dd:hover, .page dl dd.on { background: #b41922; border: 1px solid #b41922; }

.page dl dd:hover a, .page dl dd.on a { color: #fff; }

.page dl dd a { color: #b41922; }

.contact-box { overflow: hidden; padding: 30px 0 40px 0; }

.contact-box .wrap { background: #fff; overflow: hidden; }

.contact-box #map { width: 100%; height: 515px; }

.contact-box .t { font-size: 24px; color: #555555; padding-bottom: 30px; }

.contact-box .d { padding-bottom: 15px; }

.contact-box .d .t2 { font-size: 18px; color: #555555; }

.contact-box .d p { font-size: 14px; color: #888888; line-height: 2; }

.contact-box .d p.tel { padding-left: 23px; background: url("../images/c-tel.jpg") no-repeat center left; }

.contact-box .d p.fax { padding-left: 23px; background: url("../images/c-fax.jpg") no-repeat center left; }

.contact-box .d p.zip { padding-left: 23px; background: url("../images/c-zip.jpg") no-repeat center left; }

.contact-box .d p.loc { padding-left: 23px; background: url("../images/c-loc.jpg") no-repeat center left; }

.contact-box .d p.net { padding-left: 23px; background: url("../images/c-net.jpg") no-repeat center left; }

.contact-box .l { width: 35%; float: left; padding: 50px 40px 20px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contact-box .r { width: 65%; float: left; }

.media-news { padding: 30px 0; }

.media-news .item-top { overflow: hidden; background: #fff; }

.media-news .item-top .pic { width: 35%; float: left; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.media-news .item-top .pic img { width: 100%; }

.media-news .item-top .text { float: left; width: 55%; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.media-news .item-top .text .t { font-size: 24px; color: #000000; padding-bottom: 10px; }

.media-news .item-top .text .time { font-size: 14px; color: #999999; padding-bottom: 15px; }

.media-news .item-top .text .d { font-size: 14px; color: #666666; line-height: 2; }

.media-news .item-top .more { height: 270px; }

.media-news .item { overflow: hidden; margin-top: 10px; }

.media-news .item .data { float: left; width: 10%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; display: table; background: #e8e8e8; }

.media-news .item .data .wrap { display: table-cell; vertical-align: middle; }

.media-news .item .data .t { font-size: 24px; color: #b41922; padding-bottom: 5px; }

.media-news .item .data .b { font-size: 14px; color: #888888; }

.media-news .item .text { width: 80%; height: 100%; float: left; background: #fff; padding: 20px 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.media-news .item .text .t { display: block; font-size: 16px; color: #555555; padding-bottom: 10px; }

.media-news .item .text .d { font-size: 14px; color: #888888; line-height: 1.8; }

.media-news .more { width: 10%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; height: 100%; border-left: 1px solid #eeeeee; background: url("../images/job-more.png") no-repeat center #fff; }

.news-details { padding: 30px 0; }

.news-details .wrap { padding: 50px 45px; background: #fff; }

.news-details .title { font-size: 24px; color: #000000; padding-bottom: 20px; }

.news-details .info { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eaeaea; }

.news-details .info .time { float: left; font-size: 14px; color: #bbbbbb; padding-right: 40px; padding-top: 2px; }

.news-details .info .share { font-size: 14px; color: #555555; }

.news-details .info .share p { float: left; }

.news-details .info .share .weibo { float: left; display: block; width: 31px; height: 31px; margin: -7px 0 0 10px; padding-left: 0; background: url("../images/share-02.jpg") no-repeat center; }

.news-details .info .share .wechat { float: left; display: block; width: 31px; height: 31px; margin: -7px 0 0 10px; padding-left: 0; background: url("../images/share-01.jpg") no-repeat center; }

.news-details .info .share .qq { float: left; display: block; width: 31px; height: 31px; margin: -7px 0 0 10px; padding-left: 0; background: url("../images/share-03.jpg") no-repeat center; }

.news-details .content { line-height: 2; font-size: 14px; color: #666666; }

.news-details .content p { padding-bottom: 25px; }

.news-details .content img { width: 100%; height: auto; padding-bottom: 25px; display: inline-block;}

.news-details .content-more .more-wrap { position: relative; }

.news-details .content-more .swiper-button-prev, .news-details .content-more .swiper-button-next { width: 14px; height: 27px; -moz-background-size: 100%; background-size: 100%; margin-top: -35px; }

.news-details .content-more .swiper-button-prev { background-image: url("../images/icon-prev.png"); left: -30px; }

.news-details .content-more .swiper-button-next { background-image: url("../images/icon-next.png"); right: -30px; }

.news-details .content-more .t { font-size: 24px; color: #000000; padding: 30px 0; }

.news-details .content-more .pic img { width: 100%; }

.news-details .content-more .text { padding: 15px 0; }

.news-details .content-more .text a { font-size: 14px; color: #555555; }

.content-page { background: #efefef; overflow: hidden; padding: 20px 0; color: #777777; font-size: 14px; }

.content-page a { color: #777777; }

.content-page .item { width: 50%; float: left; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.media-pic { padding: 30px 0 40px 0; }

.media-pic .tab { background: #e3e3e3; }

.media-pic .tab dl { overflow: hidden; }

.media-pic .tab dl dd { width: 160px; height: 57px; line-height: 57px; text-align: center; float: left; border-right: 1px solid #d8d8d8; }

.media-pic .tab dl dd a { font-size: 18px; color: #333333; }

.media-pic .tab dl dd.on { background: #fff; }

.media-pic .tab dl dd.on a { color: #b41922; }

.media-pic .content { background: #fff; padding: 40px 40px 20px 40px; overflow: hidden; position: relative; }

.media-pic .content .item { width: 31.3%; float: left; margin-right: 2%; margin-bottom: 2%; }

.media-pic .content .pic img { width: 100%; height: auto; }

.media-pic .content .text { background: #f4f4f4; padding: 20px; }

.media-pic .content .text a { display: block; font-size: 16px; color: #555555; overflow: hidden; height: 1em; line-height: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.media-pic .swiper-button-next, .media-pic .swiper-button-prev { width: 14px; height: 27px; }

.media-pic .swiper-button-next { right: 10px; background: url("../images/icon-next.png") no-repeat center; }

.media-pic .swiper-button-prev { left: 10px; background: url("../images/icon-prev.png") no-repeat center; }

.media-pic .swiper-button-disabled { opacity: 1; }

.media-video { padding: 30px 0 40px 0; overflow: hidden; }

.media-video .video-wrap { background: #fff; overflow: hidden; }

.media-video .video-content { float: left; width: 73%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 45px; }

.media-video .video-content .t { font-size: 18px; color: #666666; padding: 15px 0 15px 30px; background: url("../images/icon-video.jpg") no-repeat left center; }

.media-video .video-content #video-container { width: 100%; height: 488px; }

.media-video .video-list { width: 27%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; background: #e5e5e5; padding: 45px 20px 45px 20px; }

.media-video .video-list .t { font-size: 18px; color: #666666; padding: 10px 0 20px 0; }

.media-video .video-list .list-wrap { position: relative; overflow: hidden; padding-bottom: 50px; }

.media-video .video-list .swiper-container { height: 440px !important; overflow: hidden; }

.media-video .video-list .swiper-slide { float: none; margin-bottom: 0 !important; height: 220px !important; }

.media-video .video-list .swiper-slide.on .pic { border: 2px solid #cf141f; }

.media-video .video-list .swiper-slide.on .pic .play { display: none; }

.media-video .video-list .swiper-slide .pic { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.media-video .video-list .swiper-slide .pic .play { position: absolute; top: 50%; left: 50%; margin-top: -31px; margin-left: -31px; width: 62px; height: 62px; background: url("../images/icon-play.png") no-repeat center; }

.media-video .video-list .swiper-slide .pic img { width: 100%; }

.media-video .video-list .swiper-slide .t { font-size: 16px; color: #666666; text-align: center; padding: 10px 0; }

.media-video .video-list .t span { background: url("../images/icon-video2.jpg") no-repeat center left; padding-left: 30px; }

.media-video .video-list .swiper-button { position: absolute; bottom: 0; z-index: 4; width: 100%; height: 50px; }

.media-video .video-list .swiper-button .swiper-button-prev, .media-video .video-list .swiper-button .swiper-button-next { position: static; width: 50%; height: 50px; background: #b41922; float: left; opacity: 1; margin-top: 0; }

.media-video .video-list .swiper-button .swiper-button-prev { background: url("../images/icon-prev2.png") no-repeat center #b41922; }

.media-video .video-list .swiper-button .swiper-button-next { background: url("../images/icon-next2.png") no-repeat center #b41922; }

.citizens-news { padding: 30px 0 40px 0; }

.citizens-news ul { overflow: hidden; width: 103%; }

.citizens-news ul li { width: 30.3%; margin-right: 3%; margin-bottom: 3%; float: left; background: #fff; }

.citizens-news ul li .pic img { width: 100%; height: auto; }

.citizens-news ul li .text { font-size: 16px; color: #555555; padding: 30px; }

.citizens-news ul li .title { font-size: 16px; color: #555555; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.citizens-news ul li .time { font-size: 16px; color: #999999; padding: 10px 0; }

.citizens-news ul li .desc { font-size: 14px; color: #999999; line-height: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.about-introduce { background: #fff; margin: 30px 0 40px 0; }

.about-introduce .l { width: 63%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 40px; }

.about-introduce .l .t { font-size: 30px; color: #333333; padding: 10px 0; }

.about-introduce .l .d { font-size: 24px; color: #aaaaaa; padding-bottom: 30px; }

.about-introduce .l .content { font-size: 16px; color: #666666; line-height: 2; }

.about-introduce .r { width: 37%; float: left; padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: -10px; }

.about-introduce .r .wrap { padding-right: 10px; background: url("../images/about-introduce-bg.jpg") repeat; }

.about-introduce .r .title { padding-top: 135px; padding-bottom: 40px; text-align: right; }

.about-introduce .r .title .t { font-size: 30px; color: #ffffff; padding: 10px 20px 0 0; }

.about-introduce .r .title .d { font-size: 20px; color: #ffffff; padding-right: 40px; }

.about-introduce .r .pic img { width: 100%; }

.about-culture .item { text-align: center; height: 400px; background-repeat: no-repeat; background-position: center; margin-bottom: 5px; }

.about-culture .item .pic { display: none; width: 100%; height: auto; }

.about-culture .item .t { font-size: 20px; color: #000000; padding-top: 80px; padding-bottom: 10px; }

.about-culture .item .d { font-size: 36px; color: #000000; }

.about-honor-line { background: #fff; overflow: hidden; position: relative; margin: 30px 0 40px 0; padding: 10px 0; }

.about-honor-line .title { padding: 20px 0; font-size: 36px; color: #383842; text-align: center; }

.about-honor-line .item { padding-top: 25px; position: relative; width: 50%; left: 50%; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 3px solid #f4f4f4; }

.about-honor-line .item.r { text-align: right; left: 3px; padding-left: 0; padding-right: 40px; border-right: 3px solid #f4f4f4; border-left: none; }

.about-honor-line .item.r .time:before { left: auto; right: -42px; }

.about-honor-line .item.r .desc { text-align: right; }

.about-honor-line .item.r .desc:before { left: auto; right: -55px; }

.about-honor-line .item.r .desc .pic { text-align: right; }

.about-honor-line .item.icon { height: 120px; position: relative; }

.about-honor-line .item.icon .more { position: absolute; top: 50%; left: -18px; margin-top: -16px; width: 32px; height: 32px; background: url("../images/about-honor-line-more.png") no-repeat center; }

.about-honor-line .item .time { font-size: 30px; color: #b41922; margin-bottom: 20px; position: relative; }

.about-honor-line .item .time:before { content: ''; display: block; position: absolute; top: 18px; margin-top: -6px; margin-right: -6px; right: 0; left: -47px; width: 12px; height: 12px; background: #e4e4e4; z-index: 2; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

.about-honor-line .item .desc { font-size: 14px; color: #666666; position: relative; }

.about-honor-line .item:hover .desc:before{background: url("../images/about-honor-line-dot.png") no-repeat center; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

.about-honor-line .item .desc:before { content: ''; display: block; position: absolute; top: 2px; left: -55px; width: 26px; height: 26px; background: url("../images/about-honor-line-dot-no.png") no-repeat center; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}

.about-honor-line .item .desc .pic { padding: 10px 0; }

.about-honor-line .item .desc .pic img { display: inline-block; width: 80%; }

.about-honor-line .item .desc p { padding: 5px 0; }

.citizens { overflow: hidden; padding: 30px 0; }

.citizens .left { float: left; width: 23%; background: #fff; padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.citizens .left .t { font-size: 24px; color: #555555; padding-top: 5px; }

.citizens .left .t.on { color: #b41922; }

.citizens .left .con { padding-left: 10px; padding-bottom: 20px; }

.citizens .left .con a { display: block; color: #999999; font-size: 16px; padding: 15px 0; }

.citizens .left .con dl dd { border-bottom: 1px solid #eeeeee; background: url("../images/icon-dote.png") no-repeat center left; padding-left: 15px; }

.citizens .left .con dl dd:hover, .citizens .left .con dl dd.on { background: url("../images/icon-dote-hover.png") no-repeat center left; }

.citizens .left .con dl dd:hover a, .citizens .left .con dl dd.on a { color: #b41922; }

.citizens .right { float: right; width: 75%; background: #fff; padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.citizens .right .t { font-size: 24px; color: #b41922; padding: 15px 0; }

.citizens .right .c { font-size: 14px; color: #888888; line-height: 2; }

.citizens .right .c p { padding: 5px 0; }

.citizens .pic-list-box { padding-top: 20px; position: relative; margin-bottom: 20px;}

.citizens .pic-list-box .swiper-slide img { width: 100%; }

.citizens .pic-list-box .gallery-top .swiper-slide { width: 100%; }

.citizens .pic-list-box .gallery-top img { width: 100%; }

.citizens .pic-list-box .gallery-thumbs {     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 200px;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 29;
    background: rgba(0, 0, 0, 0.6) none repeat scroll !important;}

.citizens .pic-list-box .gallery-thumbs .swiper-button-disabled { opacity: 1; }

.citizens .pic-list-box .gallery-thumbs .swiper-button-prev, .citizens .pic-list-box .gallery-thumbs .swiper-button-next { width: 14px; height: 27px; top: 50%; margin-top: -13.5px; }

.citizens .pic-list-box .gallery-thumbs .swiper-button-prev { background: url("../images/prev-white.png") no-repeat center; left: 150px;}

.citizens .pic-list-box .gallery-thumbs .swiper-button-next { background: url("../images/next-white.png") no-repeat center; right: 150px;}

.citizens .pic-list-box .gallery-thumbs .swiper-slide { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.citizens .pic-list-box .gallery-thumbs .swiper-slide.on { border: 1px solid #fff; }

.citizens .pic-list-box .gallery-top-btn { position: absolute; top: 50%; margin-top: -25px; width: 100%; }

.citizens .pic-list-box .gallery-top-btn .prev, .citizens .pic-list-box .gallery-top-btn .next { width: 50px; height: 50px; }

.citizens .pic-list-box .gallery-top-btn .prev { margin-left: 10px; float: left; background: url("../images/ps7-leftbtn.png") no-repeat center; background-size: 100%;}

.citizens .pic-list-box .gallery-top-btn .next { margin-right: 10px; float: right; right: 0; background: url("../images/ps7-rightbtn.png") no-repeat center;background-size: 100%; }

.qrcode-box{display: none;width: 200px;height: 200px;position: fixed;top: 50%;left: 50%;margin-top: -100px;margin-left: -100px;z-index: 99;padding: 5px;background: #fff;}

.qrcode-box img{width: 100%;height: auto;}

.search-box{ margin-top: 30px;}

.search-box .wrap{background: #fff;padding: 5%;overflow: hidden;}
.search-box .text{overflow: hidden;}
.search-text{
  float: left;
width: 420px;
height: 40px;
padding: 0 5px;
border: 1px solid #d4d4d4;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ss_btn{
  width: 100px;
  height: 40px;
  background: #b21c2b;
  color: #fff;
  border: none;
  margin-left: 20px;
  outline:none;
}
.search-text  .typetoSInput{

  font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
width: 100%;
height: 100%;
border: none;
outline: none;
background: none;
color: #333333;
}

.search-box .tip{
  padding-top: 20px;
  line-height: 1;
  font-size: 14px;
  color: #666666;
}

.search-list{ margin-bottom:  30px;margin-top: 10px;}

.search-list .wrap{
  padding: 5%;
  background: #fff;
}

.search-list ul li{
  padding: 25px 0;
  border-top: 1px solid #dddddd;
}

.search-list ul li .title{
  font-size: 18px;
  color: #000000;
}

.search-list ul li .desc{
  font-size: 14px;
  color: #333333;
  line-height: 2;
  padding: 15px 0;
}

@media screen and (max-width: 640px) {

  .search-text{
    width: 100%;
    box-sizing:border-box;
  }
  .ss_btn{
    margin-left: 0;
    margin-top: 5%;
  }

}

.banner-img{
  width: 100%;
  position: absolute;
  float: none;
  left: 0;
  top: 0;
  max-width: initial;
}

.pic-list-text .item{
  display: none;
}
.pic-list-text .item.on{
  display: block;
}

.message .video .h {position: absolute;top: 0;width: 100%}
.message .video .h img{width: 100%;}
#swiper{

}
#swiper img{
	width:100%;
}
#swiper .swiper-button-prev {
	background-size: contain;
	left: 10px;
	right: auto;
}
#swiper .swiper-container{
	width:100%;
	height:auto;
}
#swiper .swiper-button-next, .swiper-button-prev{
	width: 25px;
	height: 25px;
}
#swiper  .swiper-slide {
	position: relative;
}
#swiper  .swiper-slide  h2{
	font-size:16px;
	padding:1% 0;
}
#swiper  .swiper-slide  p{
	font-size:14px;
}
#swiper  .swiper-slide div{
        position: absolute;
		left: 0;
		bottom:0;
		padding: 2% 5%;
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
}
.slide_img_o{
	background: url(http://www.chiway.com.cn/statics/zr/static/images/message-inf-01.jpg) no-repeat;
	background-size: 100%;
}
.slide_img_t{
	background: url(http://www.chiway.com.cn/statics/zr/static/images/message-inf-02.jpg) no-repeat;
	background-size: 100%;
}
.slide_img_th{
	background: url(http://www.chiway.com.cn/statics/zr/static/images/message-inf-03.jpg) no-repeat;
	background-size: 100%;
}